<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>CMS表单一</title>
        <link rel="stylesheet" href="http://unpkg.com/element-ui@1.3.6/lib/theme-default/index.css" />
    </head>
    <body>
        <script src="http://unpkg.com/vue/dist/vue.js"></script>
        <script src="http://unpkg.com/element-ui@1.3.6/lib/index.js"></script>
        <div id="app">
            <template>
                <el-form label-width="100px" ref="form">
                    <el-form-item label="直播类型">
                        <el-select v-model="type" placeholder="请选择直播类型" class="w50">
                            <el-option label="资讯类直播" value="0"></el-option>
                            <el-option label="网红类直播" value="1"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="断流是否关闭房间：" class="w50">
                        <el-radio-group v-model="autoclose">
                          <el-radio label="是" value="true"></el-radio>
                          <el-radio label="否" value="false"></el-radio>
                        </el-radio-group>
                  </el-form-item>
                  <el-form-item label="断流是否关闭房间：" class="w50">
                        <el-radio-group>
                          <!-- <el-radio label="是" value="true"></el-radio>
                          <el-radio label="否" value="false"></el-radio> -->
                          <el-radio class="radio" v-model="autoclose" label="true">是</el-radio>
                          <el-radio class="radio" v-model="autoclose" label="false">否</el-radio>
                        </el-radio-group>
                  </el-form-item>
                  <el-form-item label="断流是否关闭房间：">
                        <el-radio-group v-model="autoclose" >
                          <!-- <el-radio label="是" value="true"></el-radio>
                          <el-radio label="否" value="false"></el-radio> -->
                          <el-radio :label="true">是</el-radio>
                          <el-radio :label="false">否</el-radio>
                        </el-radio-group>
                  </el-form-item>
                  <el-form-item label="设置推流：">
                    <el-input placeholder="选择" v-model="tuiliu" style="width: 50%;">
                        <el-select v-model="tuiliuSelect" slot="prepend" placeholder="请选择">
                          <el-option label="推流流名" value="1"></el-option>
                          <el-option label="推流地址" value="2"></el-option>
                        </el-select>
                      </el-input>
                  </el-form-item>
                  <el-form-item label="设置推流：">
                    <el-input placeholder="选择" v-model="tuiliu" style="width: 50%;">
                        <el-select v-model="tuiliuSelect" slot="prepend" placeholder="请选择">
                          <el-option :key="1" :label="推流流名" :value="1"></el-option>
                          <el-option :key="2" :label="推流地址" :value="2"></el-option>
                        </el-select>
                      </el-input>
                  </el-form-item>
                  <el-input placeholder="选择" v-model="tuiliu" style="width: 50%;">
                        <el-select v-model="tuiliuSelect" slot="prepend" placeholder="请选择">
                          <el-option label="推流流名" value="1"></el-option>
                          <el-option label="推流地址" value="2"></el-option>
                        </el-select>
                      </el-input>
                </el-form>
                <el-input placeholder="选择" v-model="tuiliu" style="width: 50%;">
                        <el-select v-model="tuiliuSelect" slot="prepend" placeholder="请选择">
                          <el-option label="推流流名" value="1"></el-option>
                          <el-option label="推流地址" value="2"></el-option>
                        </el-select>
                      </el-input>
            </template>
            <div style="margin-top: 15px;">
              <el-input placeholder="请输入内容" v-model="input5">
                <el-select v-model="select" slot="prepend" placeholder="请选择">
                  <el-option label="餐厅名" value="1"></el-option>
                  <el-option label="订单号" value="2"></el-option>
                  <el-option label="用户电话" value="3"></el-option>
                </el-select>
                <el-button slot="append" icon="search"></el-button>
              </el-input>
            </div>
        </div>
        <div id="app2">
            <el-input placeholder="选择" v-model="tuiliu" style="width: 50%;">
              <el-select v-model="tuiliuSelect" slot="prepend" placeholder="请选择">
                <el-option label="推流流名" value="1"></el-option>
                <el-option label="推流地址" value="2"></el-option>
              </el-select>
            </el-input>
        </div>
        <style>
        .el-select .el-input {
             width: 110px;
         }
         .w50{
            width:50%;
         }
        </style>
        <script>
            var newLive=new Vue({
                el:'#app',
                data() {
                    return {
                        input5: '',
                        select: '',
                        type:'1',
                        autoclose:true,
                        tuiliu:'bbc',
                        tuiliuSelect:'1'
                    }
                }
            })
            new Vue({
                el:'#app2',
                data() {
                    tuiliuSelect:'1'
                }
            })
        </script>
    </body>
</html>